<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit"/>
  <meta name="force-rendering" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
  <title>联运游戏下载地址管理</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="/bower_components/Ionicons/css/ionicons.min.css">
  <link rel="stylesheet" href="/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  <link rel="stylesheet" href="/dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="/dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!--头部-->
  <header id="headerDiv" class="main-header">
    <!--#include  file="/pages/admin/header.html"-->
  </header>

  <!--左侧边栏 -->
  <aside id="sidebarDiv" class="main-sidebar">
    <!--#include  file="/pages/admin/sidebar.html"-->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        <small>游戏下载地址列表</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="javascript:void(0);"><i class="fa fa-dashboard"></i> 渠道游戏下载管理</a></li>
        <li><a href="javascript:void(0);">游戏下载地址列表</a></li>
      </ol>
    </section>


    <div class="container">
      <div class="row clearfix">
        <div class="col-md-12 column">
          <div class="modal fade" id="modal-container-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="box box-primary">
                  <!-- /.box-header -->
                  <div class="box-body">
                    <form id="dataForm" role="form">
                      <!-- text input -->
                      <input type="hidden" name="id" id="id"/>
                      <div class="form-group">
                        <label>落地页地址</label>
                        <input id="url" name="url" type="text" class="form-control">
                      </div>
                    </form>
                    <!-- /.box-body -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>



        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
                  <form role="form" class="form-inline pull-left">
                    <button class="btn btn-success" type="button" onclick="add();"><i class="fa fa-gamepad"></i>&nbsp;&nbsp;<span class="bold">新建</span></button>
                  </form>
                  <form role="form" class="form-inline pull-right">
                    <label class="control-label">搜索:</label>
                    <div class="form-group">
                      <select id="searchKey" class="form-control m-b" name="account">
                        <option value="game_id">游戏id</option>
                        <option value="uid">渠道id</option>
                        <option value="lyid">联运平台渠道id</option>
                        <!--<option value="ly_game_id">联运平台游戏id</option>-->
                      </select>

                    </div>
                    <div class="form-group">
                      <div class="input-group">
                        <input id="searchValue" type="text" class="form-control">
                        <span class="input-group-btn">
                <button type="button" class="btn btn-primary" onclick="search();"><i class="fa fa-search"></i></button>
                </span>
                      </div>
                    </div>

                  </form>
                </div>


                <div class="box-body table-responsive">
                  <table id="datatable"  class="table table-bordered table-hover table-striped ">
                    <thead>
                    <tr>
                      <th style=" white-space:nowrap">id</th>
                      <th style=" white-space:nowrap">渠道名称|ID</th>
                      <th style=" white-space:nowrap">游戏名称|ID</th>
                      <th style=" white-space:nowrap">联运平台渠道id</th>
                      <th style=" white-space:nowrap">联运平台游戏id</th>
                      <th style=" white-space:nowrap">下载地址</th>
                      <th style=" white-space:nowrap">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                  </table>
                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
          </div>
        </section>
        <!-- /.content -->
      </div>

      <!--底部-->
      <footer id="footerDiv" class="main-footer">
        <!--#include  file="/pages/admin/footer.html"-->
      </footer>

      <!-- Control Sidebar -->
      <!-- /.control-sidebar -->
      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>
    </div>
    <!-- ./wrapper -->
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/bower_components/morris.js/morris.min.js"></script>
    <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
    <script src="/bower_components/fastclick/lib/fastclick.js"></script>
    <script src="/dist/js/adminlte.min.js"></script>
    <script src="/dist/js/store.min.js"></script>
    <script src="/dist/js/layer/layer.js"></script>


    <script>
        var dataMap={};
        var datatable;
        $(function () {
            datatable = $("#datatable").DataTable({
                // 'scrollX' : $(document).width(),
                'aLengthMenu' : [20],
                'scrollCollapse' : true,//
                'stateSave' : false,//保存配置状态
                'processing' : false, // 显示loading
                'paging' : true,
                'lengthChange' : false,
                'searching' : false,// 取消搜索框
                'ordering' : false,// 取消字段排序
                'info' : true,
                'autoWidth' : false,
                'deferRender': true,
                'serverSide' : true, // ajax请求时必须写本项
                // 'pagingType' : 'full_numbers',
                'ajax' : { // ajax请求
                    'type' : "POST",
                    'url' : "/lmgame/lylink/page",
                    'data' : function ( d ) {
                        d.searchKey = $("#searchKey").val();
                        d.searchValue = $("#searchValue").val();
                        return d;
                    },
                    "error": function(xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown
                        if(xhr.status === 400){
                            window.location.href = "/pages/admin/login.html";
                        }
                        if(xhr.status === 403){
                            window.location.href = "/403.html";
                        }
                    }
                },
                'columns' : [ // data数据绑定对应列
                    {"data" : "id"},
                    {"data" : null},
                    {"data" : null},
                    {"data" : "lyid"},
                    {"data" : "ly_game_id"},
                    {"data" : "download_url"},
                    {
                        "class":          'notab',
                        "data":           null
                    }
                ],
                "columnDefs" : [
                    {
                        targets: 1,
                        render: function (a) {
                            return a.username+'|'+a.uid;
                        }
                    },
                    {
                        targets: 2,
                        render: function (a) {
                            return a.game_name+'|'+a.game_id;
                        }
                    },
                    {
                        targets: 6,
                        render: function (a) {
                            let html = "";
                            html += "<button onclick='editForm("+a.id+")' type=\"button\" class=\"btn btn-default btn-sm\">编辑</button>&nbsp;";
                            html += "<button onclick='deleteConfirm("+a.id+")' type=\"button\" class=\"btn btn-danger btn-sm\">删除</button>&nbsp;";
                            html += "<button onclick='getLandingPage("+a.id+")' type=\"button\" class=\"btn btn-default btn-sm\">获取落地页</button>";
                            return html;
                        }
                    }
                ],
                "createdRow": function (row, data, index) {
                    dataMap[data.id] = data;
                },
                'language' : {
                    'lengthMenu' : "显示 _MENU_ 项结果", // 每页显示多少条
                    'zeroRecords' : "没有记录！", // 没有记录时显示的内容
                    'info' : "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项", // 当前页信息
                    'infoEmpty' : "显示第 0 至 0 项结果，共 0 项", // 当前页信息-没有记录时
                    'paginate' : {
                        'previous' : " << ",
                        'next' : " >> "
                    }
                }
            });


        });


        function search() {
            datatable.ajax.reload(false);
        }

        function add() {
            window.location.href = "/pages/webmaster/addlyGame.html";
        }

        function editForm(lygameid) {
            store.set('lygameid',lygameid);
            window.location.href = "/pages/webmaster/editlyGame.html";
        }

        function getLandingPage(lygameid) {
            let url="/lmgame/lylink/getLandingPage";
            $.ajax({
                type : 'POST',
                url : url,
                data :{'id':lygameid},
                dataType : "json",
                success: function(data) {
                    if (data.code != 0) {
                        layer.msg(data.msg);
                    } else {
                        $("#url").val(data.data);
                        $("#modal-container-1").modal("show");
                    }
                },
                error: function (xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown
                    if (xhr.status === 400) {
                        window.location.href = "/pages/admin/login.html";
                    }
                    if (xhr.status === 403) {
                        window.location.href = "/403.html";
                    }
                }
            });
        }



        function deleteConfirm(id) {
            layer.confirm('确定删除吗？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                let url="/lmgame/lylink/del";
                $.ajax({
                    type : 'POST',
                    url : url,
                    data :{'id':id},
                    dataType : "json",
                    success: function(data) {
                        if (data.code != 0) {
                            layer.msg(data.msg);
                        } else {
                            layer.msg('删除成功', {
                                icon: 1,
                                time: 1000 //3秒关闭（如果不配置，默认是3秒）
                            }, function(){
                                datatable.ajax.reload(false);
                            });
                        }
                    },
                    error: function (xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown
                        if (xhr.status === 400) {
                            window.location.href = "/pages/admin/login.html";
                        }
                        if (xhr.status === 403) {
                            window.location.href = "/403.html";
                        }
                    }
                });
            }, function(){

            });
        }


    </script>
</body>
</html>
